<template>
	<view style="flex: 1;display: flex;flex-direction: column;">
		<base_navbar>
		</base_navbar>
		<view style="flex:1;display: flex;flex-direction: column;
			padding-left: 12px;padding-right: 12px;">
			<!-- 标题 -->
			<view
				style="display: flex;justify-content: space-between;align-items: center;padding-top: 12px;padding-bottom: 12px;">
				<text style="font-size: 32px;">您好:管理员</text>
			</view>
			<view style="flex: 1;background-color: #f5f5f5;overflow-y: auto;height: 0;">
				<view style="display: flex;flex-wrap: wrap;flex-direction: row;">
					<!-- item -->
					<view v-for="(obj,idx) in list" style="display: flex;
					justify-content: space-between;
					background-color: #ffffff;align-items: center;
					width: calc((100% - 30px) / 3);
					margin-right: 10px;
					margin-top: 10px;
					flex-direction: column;
					padding-top: 15px;
					padding-bottom: 10px;
						box-shadow: 1px 3px 10px #ebebeb;
						border-radius: 4px;
						">
						<image src="/static/exit.png" style="width: 30px;height: 30px;" mode=""></image>
						<text style="font-size: 12px;margin-top: 10px;">{{obj}}</text>
					</view>
				</view>

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				show_add_pop: false,
				name: '',
				list: [
					"点餐管理",
					"商品管理",
					"订单管理",
					"审批管理",
					"部门管理",
					"用户管理",
					"类目管理",
					"配送管理",
					"供应商管理",
					"车辆管理",
					"宿舍管理",
					"岗位管理",
				]
			}
		},
		methods: {
			addHandle() {
				this.show_add_pop = true;
			},
			createHandle() {
				this.show_add_pop = false;
				this.list.push(this.name)
				this.name = "";
			},
			groupCellClickHandle() {
				uni.navigateTo({
					url: "./admin_group_sub",
				})
			},
		}
	}
</script>

<style>

</style>